<template>
    <div class="policy">
        <div class="img-wrap">
            <img src="https://cdn.swellpro.com/service/service_1.jpg" alt="">
            <div class="img-content">
                <h1>SwellPro Warranty and After Sales Policy</h1>
            </div>
        </div>

        <div class="container">
            <div class="policy-wrap">
                <!-- 标题 -->
                <div class="title-wrap">
                    <p 
                        :class="['title', { 'title__active': index === activeIndex }]" 
                        v-for="(title, index) in titles" :key="index" 
                        @click="() => { activeIndex = index }"
                    >
                        {{title}}
                    </p>
                </div>

                <!-- 内容 -->
                <div class="policy-content">
                    <div v-if="!activeIndex">
                        <h2>
                            WHAT EQUIPMENT IS COVERED
                        </h2>

                        <p>
                            This warranty applies only to SwellPro products purchased from an authorised SwellPro reseller for your own use and not for resale
                        </p>

                        <p>
                            SwellPro warrants that SwellPro products (as listed below) will be free from material and workmanship defects under normal use and proper care for the period described in the table below. This warranty commences on the purchase date and applies to the original purchaser. 
                        </p>
                        <p>
                            Because SwellPro products are often used in harsh conditions, it is imperative that proper care is taken to prevent damage which is not covered by warranty. Each product has instructions that specify how to care for the product including washing, drying and storage.
                        </p>

                        <h2>
                            WARRANTY LIMITATIONS SUBJECT TO CONSUMER LAW
                        </h2>
                        <p>
                            To the extent permitted by law in the jurisdiction of sale, this warranty and the remedies set forth are exclusive and in lieu of all other statutory, express or implied warranties. SwellPro disclaims all statutory and implied warranties, including without limitation, warranties of merchantability and fitness for a particular use or purpose as well as warranties against hidden or latent defects to the extent permitted by law. In cases where such warranties cannot be disclaimed, SwellPro limits the duration and extent of remedy of its warranties to the duration of this express warranty and, at SwellPro’s exclusive option to the repair or replacement of products for which warranty is claimed.
                        </p>
                        <h2>
                            EXCLUSIONS
                        </h2>
                        <p>
                            This Warranty excludes any non-SwellPro branded hardware products, accessories and software. Software distributed by SwellPro including firmware is not covered by this Warranty. SwellPro does not warrant that the operation of its products will be uninterrupted or error-free. SwellPro is not responsible for damage arising from failure to follow instructions relating to the SwellPro product’s use.<br>This Warranty does not apply to:<br>
                        </p>
                        <div class="pad">
                            <p>
                                1.consumable parts, such as propellers, membranes, landing gears or protective or decorative coatings that will diminish over time or through normal wear and tear unless such failure has occurred due to a defect in materials or workmanship;
                            </p>
                            <p>
                                2.damage caused by unauthorised modifications or accessories to the product;
                            </p>
                            <p>
                                3.cosmetic damage, including but not limited to scratches, dents or blemishes unless such failure has occurred due to a defect in materials or workmanship;
                            </p>
                            <p>
                                4.damage caused by accident, abuse, misuse, sunlight, fire, penetrative water or other external causes unless such failure has occurred due to a defect in materials or workmanship;
                            </p>
                            <p>
                                5.damage caused by operating any SwellPro Product contrary to SwellPro’s published guidelines, local laws or regulations; 
                            </p>
                            <p>
                                6.damage caused by unauthorised service performed by anyone who is not an authorised SwellPro repair provider;
                            </p>
                            <p>
                                7.defects caused by normal wear and tear or otherwise due to the normal aging of the materials;
                            </p>
                            <p>
                                8.damage caused by unauthorized modification of circuits and misused or mismatched battery and charger;
                            </p>
                            <p>
                                9.loss or damage to your data by the product; 
                            </p>
                            <p>
                                10.any product where any serial number has been removed or is illegible;
                            </p>
                            <p>
                                11.any product where you cannot provide proof of purchase as the original purchaser; 
                            </p>
                            <p>
                                12.damage caused by using a product with a defective or flat battery; 
                            </p>
                            <p>
                                13.crashes or product damage caused by pilot error or by factors unrelated to a manufacturing defect ; 
                            </p>
                            <p>
                                14.damage caused by operating the product in an environment with electromagnetic interference such as close to radio transmission towers, high-voltage wires, substations, radio masts or by interference from other wireless devices;
                            </p>
                            <p>
                                15.damage caused by operating the product at greater than the specified safe takeoff weight; or
                            </p>
                            <p>
                                16.damage caused by using the product in an impaired or damaged state.
                            </p>
                        </div>

                        <h2>WHAT YOU MUST DO TO MAKE A WARRANTY CLAIM</h2>
                        <p>
                            1. Register your warranty claim on swellpro.com and receive a case number by providing:
                        </p>
                        <div class="pad">
                            <p>a.The serial number of the product;</p>
                            <p>b.The date and place of purchase of the product;</p>
                            <p>c.A copy of the proof of purchase;</p>
                            <p>d.A description of product fault or problem; and</p>
                            <p>A description of the situation which gave rise to the fault.</p>
                        </div>
                        <p>
                            2. If you are directed by SwellPro to send the product to an authorised service centre
                        </p>
                        <div class="pad">
                            <p>a.Remove all undamaged accessories, batteries, memory cards, etc. from the product to be serviced – only return items that need repair;</p>
                            <p>b.Package the product properly to protect it during transport;</p>
                            <p>c.Clearly mark the return packaging with the case number obtained from SwellPro;</p>
                            <p>d.Photograph the product and packaging for your records;</p>
                            <p>e.Arrange for the delivery of the product to the designated service point i.Insuring the product for loss and damage Requiring proof of delivery and tracking</p>
                        </div>
                        <h2>WHAT WE WILL DO WHEN YOU MAKE A WARRANTY CLAIM OR HAVE A PROBLEM</h2>
                        <p>SwellPro will attempt to assist you to diagnose and resolve your problem over the phone, e-mail or online messaging/chat. We may assist you to download and install software or firmware updates to your products.</p>
                        <p>If your problem cannot be resolved by this assistance you may be required to deliver the product to SwellPro or an authorised SwellPro service facility for further diagnosis. SwellPro will examine the returned product(s) to identify the problem. If SwellPro determines that the issue in question is not covered by this SwellPro Warranty, you will have the option to have the product repaired at your cost.</p>
                        <p>If you choose not to proceed with the repair, Swellpro will return the product to you at your expense.</p>
                        <p>SwellPro will repair or replace the SwellPro product using new and/or used parts or products that are equivalent to new items in performance and reliability. In the case of a warranty repair, the product will be returned to you at SwellPro’s cost. Any replacement product or part shall be covered for the time remaining in the original product’s warranty.</p>
                        <h2>LIMITATION OF LIABILITY</h2>
                        <p>SwellPro is NOT responsible for any loss or disclosure of any customer data that may be contained in a product when it is received for service or warranty repair.</p>
                        <p>Except as provided in this warranty and to the maximum extent permitted by law, SwellPro is not responsible for any direct, incidental or consequential damages resulting from any breach of warranty or condition, including but not limited to loss of use, loss of actual or anticipated or expected profits or savings, loss of revenue, loss of the use of money, loss of business, opportunity costs, loss of reputation or goodwill or any indirect or consequential loss or damage howsoever caused.</p>
                    </div>

                    <div v-else class="">
                        <div class="wrap">
                            <div class="item">
                                <h2>Product</h2>
                            </div>
                            <div class="item">
                                <h2>Component</h2>
                            </div>
                            <div class="item">
                                <h2>Warranty Period</h2>
                            </div>

                            <div class="item center">
                                <p>
                                    SplashDrone 3/3+
                                </p>
                            </div>
                            <div class="item">
                                <p>
                                    Airframe
                                </p>
                                <p>
                                    Flight Controller 
                                </p>
                                <p>Ground Station</p>
                                <p>Drone Motors</p>
                                <p>Remote Controller</p>
                                <p>Camera</p>
                                <p>Batteries</p>
                                <p>Battery Charger</p>
                                <p>Propellers</p>
                                <p>Landing Gear</p>
                            </div>
                            <div class="item">
                                <p>12 months</p>
                                <p>12 months</p>
                                <p>12 months</p>
                                <p>6 months</p>
                                <p>12 months</p>
                                <p>12 months</p>
                                <p>3 months (<200 charge cycles)</p>
                                <p>6 months</p>
                                <p>No Warranty</p>
                                <p>No Warranty</p>
                            </div>
                            <div class="item center">
                                <p>Spry</p>
                            </div>
                            <div class="item">
                                <p>Airframe</p>
                                <p>Batteries</p>
                                <p>Remote Controller</p>
                                <p>Glass Dome</p>
                                <p>Propellers</p>
                            </div>
                            <div class="item">
                                <p>12 months</p>
                                <p>3 months (<200 charge cycles)</p>
                                <p>12 months</p>
                                <p>No Warranty</p>
                                <p>No Warranty</p>
                            </div>
                            <div class="item no-bor">
                                <p>DronePower 45K</p>
                            </div>
                            <div class="item no-bor"></div>
                            <div class="item no-bor">
                                <p>3 months  (<200 charge cycles)</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</template>

<script>
export default {
  data () {
    return {
        activeIndex: 0, // 活跃下标
        titles: [
            'Part I - General Terms',
            'Part II - WARRANTY PERIOD OF MAIN PARTS'
        ]
    };
  },

  head() {
    return {
        title: 'Privacy Policy - Swellpro',
        meta: [
            { hid: 'description', name: 'description', content: 'Swellpro Privacy Policy'},
        ]
    }
  },

  components: {},

  computed: {},

  mounted() {},

  methods: {}
}

</script>
<style lang='stylus' scoped>
.policy
    background rgb(245, 246, 245)
    .img
        &-wrap
            position relative
            >img
                display block
                width 100%
        &-content
            position absolute
            color #fff
            left 0px
            top 0px
            width 100%
            height 100%
            display flex
            justify-content center
            align-items center
            h1
                font-size 37px
                font-weight 300
    .container
        background #fff
        padding 20px 30px
    &-wrap
        display flex
        .title
            font-size 15px
            font-weight 800
            color rgba(81, 90, 110, .8)
            padding-bottom 30px
            cursor pointer
            &__active
                color #000
            &-wrap
                flex 0 0 200px
                padding 20px
                border-right 1px solid #dcdee2
    &-content
        flex 1
        box-sizing border-box
        padding 0 20px
        >div
            h2
                font-size 18px
                padding 20px 0 10px
            p
                padding-bottom 10px
            .pad
                padding 0 30px
            .wrap
                display flex
                flex-flow row wrap
                .item
                    flex 0 0 33.333%
                    text-align center
                    padding 15px 0
                    border-bottom 1px solid rgba(0,0,0,.11)
                .no-bor
                    border none
                .center
                    display flex
                    align-items center
                    justify-content center
        .table
            padding-top 20px
</style>